<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Sistema Cafeteria</title>
    </h:head>

    <h:body>

        <div id="top">
            <ui:insert name="top"></ui:insert>
            <f:view>
                <h:form>
                    <p:panel header="Menu Principal Bienvenido: #{compraBean.user}!!!">
                        <center>
                            <p:graphicImage value="/img/cafeteria.jpg  " width="1200" height="130"/>
                        </center>
                    </p:panel>
                </h:form>
            </f:view>
        </div>
        <div>
            <div id="left">
                <ui:insert name="left"></ui:insert>
                <f:view>
                    <p:panel>
                        <h:form>
                            <p:commandButton action="MenuPrincipalUsuario" value="Menu Principal" ajax="false"/>
                            <p:commandButton action="Login" value="Salir" ajax="false"/>
                        </h:form>
                    </p:panel>
                </f:view>
            </div>
            <div>
                <div id="right">
                    <ui:insert name="right"></ui:insert>
                    <f:view>
                        <p:panel header="Saldo">
                            <h:form>
                                <h:outputLabel value="Saldo Usuario: #{compraBean.saldo}"/>
                            </h:form>
                        </p:panel>
                    </f:view>
                </div>
                <div id="content" class="right_content">
                    <ui:insert name="content"></ui:insert>
                </div>
            </div>
        </div>
        <div id="bottom">
            <ui:insert name="bottom"></ui:insert>
            <p:panel header="">
                <center>
                    Derechos Reservados<br/>
                    ITS Chapala 2013 - 1014
                </center>
            </p:panel>
        </div>

    </h:body>

</html>
